<template>
  <transition name="fade">
    <div class="MMask" v-if="show">
    </div>
  </transition>
</template>

<style lang="less" scoped>
  @import "~core/basic.less";

  .MMask {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: @white;
    opacity: 0.72;
    pointer-events: none;
  }

  .fade-enter-active, .fade-leave-active {
    transition: opacity 500ms @ease-normal
  }
  .fade-enter, .fade-leave-active {
    opacity: 0
  }
</style>

<script>
  export default {
    props:{
      show:{
        default:false
      }
    }
  }
</script>